<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1467092_6xh6i2c9ukd.css">
    <link rel="stylesheet" href="css/mi.css">
</head>

<body>
    <div class="xiaomi">
        <div class="top">
            <div class="top-box">
                <div class="top-left">
                    <div>小米商城</div>
                    <div class="i">|</div>
                    <div>MIUI</div>
                    <div class="i">|</div>
                    <div>loT</div>
                    <div class="i">|</div>
                    <div>云服务</div>
                    <div class="i">|</div>
                    <div>金融</div>
                    <div class="i">|</div>
                    <div>有品</div>
                    <div class="i">|</div>
                    <div>小爱开发平台</div>
                    <div class="i">|</div>
                    <div>企业团购</div>
                    <div class="i">|</div>
                    <div>资质证照</div>
                    <div class="i">|</div>
                    <div>协议规则</div>
                    <div class="i">|</div>
                    <div>下载app</div>
                    <div class="i">|</div>
                    <div>Select Location</div>
                </div>
                <div class="top-right">
                    <div>登录</div>
                    <div class="i">|</div>
                    <div>注册</div>
                    <div class="i">|</div>
                    <div>消息通知</div>
                    <div>
                        <span class="iconfont icon-gouwuche"></span>
                        <span>购物车（0）</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="header">
            <div class="header-box">
                <div class="logo">
                    <!-- <img src="" alt="小米logo"> -->
                </div>
                <div class="content">
                    <div>小米手机</div>
                    <div>Redmi红米</div>
                    <div>电视</div>
                    <div>笔记本</div>
                    <div>家电</div>
                    <div>路由器</div>
                    <div>智能硬件</div>
                    <div>服务</div>
                    <div>社区</div>
                </div>
                <div class="sousuo">
                    <div class="input">
                        <div>小米9 Pro 5G</div>
                        <div>Redmi Note 8</div>
                    </div>
                    <div class="sousuo-box">
                        <span class="iconfont icon-sousuo"></span>
                    </div>
                </div>
            </div>

        </div>
        <div class="lanmu">
            <div class="l-right">
                <span class="iconfont icon-shoujiapp"></span>
                <div>手机app</div>
            </div>
            <div class="l-right">
                <span class="iconfont icon-mine"></span>
                <div>个人中心</div>
            </div>
            <div class="l-right">
                <span class="iconfont icon-shouhoufuwu1"></span>
                <div>售后服务</div>
            </div>
            <div class="l-right">
                <span class="iconfont icon-rengongfuwu"></span>
                <div>人工服务</div>
            </div>
            <div class="l-right">
                <span class="iconfont icon-gouwuche"></span>
                <div>购物车</div>
            </div>
        </div>
        <div class="main">
            <div class="main-box">
                <div class="main-left">
                    <div class="left-box">
                        <div class="list">
                            <div class="list-text">手<span>机</span>电话卡</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">电<span>视</span>盒子</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">笔记<span>本</span>平板</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">家<span>电</span>插线板</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">出<span>行</span>穿戴</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">智<span>能</span>路由器</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">电<span>源</span>配件</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">健<span>康</span>儿童</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">耳<span>机</span>音箱</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                        <div class="list">
                            <div class="list-text">生<span>活</span>箱包</div>
                            <div class="right">
                                <img src="right.png" alt="加载中">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-right">
                    <div class="left-arrow">
                        <img src="left.png" alt="加载中">
                    </div>
                    <div class="right-arrow">
                        <img src="right (1).png" alt="加载中">
                    </div>
                    <div class="main-bottom">
                        <img src="slh.png" alt="加载中">
                        <img src="slh.png" alt="加载中">
                    </div>
                </div>
            </div>
        </div>
        <div class="box-middle">
            <div class="middle">
                <div class="middle-list">
                    <div class="num">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="小米秒杀">
                        <div>小米秒杀</div>
                    </div>
                    <div class="num">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48"
                            alt="企业团购">
                        <div>企业团购</div>
                    </div>
                    <div class="num">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48"
                            alt="F码通道">
                        <div>F码通道</div>
                    </div>
                    <div class="num">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48"
                            alt="米粉卡">
                        <div>米粉卡</div>
                    </div>
                    <div class="num">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48"
                            alt="以旧换新">
                        <div>以旧换新</div>
                    </div>
                    <div class="num">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48"
                            alt="话费充值">
                        <div>话费充值</div>
                    </div>
                </div>
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b7e3eb789b2050d0975fda0474a1c79f.jpg?w=632&h=340"
                    alt="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7b51b721c3319e9c2916cc41cd9c695.jpg?w=632&h=340"
                    alt="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/816a66edef10673b4768128b41804cae.jpg?w=632&h=340"
                    alt="">
            </div>
            <div class="flashgou">
                <div class="flashgou-header">
                    <div class="flashgou-text">小米闪购</div>
                    <div class="flashgou-right">
                        <div>
                            <img src="next-step.png" alt="">
                        </div>
                        <div>
                            <img src="last-step.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="flashgou-body">
                    <div class="flash-box1">
                        <div class="flash-top">
                            <div class="top-time">14:00 场</div>
                        </div>
                        <div class="flash">
                            <div class="flash iconfont icon-shandian"></div>
                        </div>
                        <div class="flash-text">距离结束还有</div>
                        <div class="bottom">
                            <span class="time">00</span>
                            <span>:</span>
                            <span class="time">28</span>
                            <span>:</span>
                            <span class="time">27</span>
                        </div>
                    </div>
                    <div class="flash-box2">
                        <div class="flash-box3">
                            <div class="top-img">
                                <img class="done"
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1551343984.14546114.jpg"
                                    alt="">
                            </div>
                            <div class="bottom-text">
                                <div>高品质多功能头戴耳机</div>
                                <div>我的私人KTV</div>
                                <div>
                                    <div class="price1">199元</div>
                                    <div class="price2">299元</div>
                                </div>
                            </div>
                        </div>
                        <div class="flash-box3">
                            <div class="top-img">
                                <img class="done"
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1560324263.44264444.png"
                                    alt="">
                            </div>
                            <div class="bottom-text">
                                <div>米家无线手持擦地机 白色</div>
                                <div>全家人都喜欢的擦地机</div>
                                <div>
                                    <div class="price1">479元</div>
                                    <div class="price2">499元</div>
                                </div>
                            </div>
                        </div>
                        <div class="flash-box3">
                            <div class="top-img">
                                <img class="done"
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1566614515.33746420.png"
                                    alt="">
                            </div>
                            <div class="bottom-text">
                                <div>米家无线除螨仪</div>
                                <div>每个家庭都需要一台除螨仪</div>
                                <div>
                                    <div class="price1">499元</div>
                                    <div class="price2">549元</div>
                                </div>
                            </div>
                        </div>
                        <div class="flash-box3">
                            <div class="top-img">
                                <img class="done"
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1547689937.9283251.jpg"
                                    alt="">
                            </div>
                            <div class="bottom-text">
                                <div>小米小爱音箱HD 浅灰色</div>
                                <div>震撼响亮 音智同享</div>
                                <div>
                                    <div class="price1">549元</div>
                                    <div class="price2">599元</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="note8">
                <div>
                    <img src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de356a81d121ba717ef84405aa36aa18.jpg?thumb=1&w=1226&h=120&f=webp&q=90"
                        alt="">
                </div>
            </div>
            <div class="phone">
                <div class="phone-header">
                    <div class="phone-text">手机</div>
                    <div class="phone-right">
                        <div>查看全部</div>
                        <div>
                            <img src="right-big.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="phone-body">
                    <div class="phone-box1">
                    </div>
                    <div class="phone-box2">
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca9b4f81af709935556bef9aa21a90e8.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>小米9 Pro 5G</div>
                                <div>5G双卡全网通，骁龙855Plus</div>
                                <div>3699元起</div>
                            </div>
                        </div>
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d295c4fb500d163a7045dc715b47f808.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>Redmi 8</div>
                                <div>5000mAh超长续航</div>
                                <div>799元起</div>
                            </div>
                        </div>
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6f2493e6c6fe8e2485c407e5d75e3651.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>Redmi Note 8 Pro</div>
                                <div>6400万全场景四摄</div>
                                <div>1399元起</div>
                            </div>
                        </div>
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4c87947d104ee5833913e4c520108f16.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>Redmi Note 8</div>
                                <div>千元4800万四摄</div>
                                <div>999元起</div>
                            </div>
                        </div>
                    </div>
                    <div class="phone-box3">
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8737a33c78a94bc36afb860ab23b3939.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>Redmi K20 Pro 尊享版</div>
                                <div>骁龙855 Plus， 弹出全面屏</div>
                                <div>2699元起</div>
                            </div>
                        </div>
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ce61b71e2f81df62bd0c05aaa901d22.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>
                                    Redmi Note 7
                                </div>
                                <div>4800万拍照千元机</div>
                                <div>1099元起</div>
                            </div>
                        </div>
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9aab8a7fa9005ef918c9aa2d5f17c806.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>
                                    Redmi 7
                                </div>
                                <div>4000mAh超长续航</div>
                                <div>699元起</div>
                            </div>
                        </div>
                        <div class="phone-box4">
                            <div class="phone-img">
                                <img class="phone-done"
                                    src="http://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3c1af9783bdc53ed843af5655ca92009.jpg?thumb=1&w=220&h=220&f=webp&q=90"
                                    alt="">
                            </div>
                            <div class="shouji-text">
                                <div>
                                    Redmi 7A
                                </div>
                                <div>小巧大电量 持久流畅</div>
                                <div>579元起</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>

</html>